extends ./layout/default_layout
block container
  #videoinfo
    .tabBtn
      button.btn.active 未过期的课程
      button.btn 已过期课程
    .tabPage
      .page.show
        .item
          a(href="/courseDetail/1")
            .cover
            .infoBox
              span.title 浙江大学-精准被人
              time 2016-12-27
              address 杭州市
              .status
                i 热招中
                b 20/99人
      .page
        .item
          a(href="/courseDetail/1")
            .cover
            .infoBox
              span.title 浙江大学-精准被人
              time 2016-12-27
              address 杭州市
              .status
                i 已过期
                b 20/99人
block js
  script.
    $(function(){
      var btn = $('.btn'),
          page = $('.page');
      $.each(btn,function(index){
        $(this).on('click',function(){
          btn.removeClass('active').eq(index).addClass('active');
          page.removeClass('show').eq(index).addClass('show');
        })
      })
    })





